
<template>
  <div>
    <h1>转单号删除 未开发</h1>
    <el-input
      v-model="orderNumber"
      placeholder="请输入订单号"
      @keyup.enter.native="addOrderNumber"
    ></el-input>
    <el-tag
      v-for="(number, index) in orderNumbers"
      :key="index"
      closable
      @close="removeOrderNumber(index)"
      >{{ number }}</el-tag
    >
  </div>
</template>

<script>
export default {
  data() {
    return {
      orderNumber: "",
      orderNumbers: [],
    };
  },
  methods: {
    addOrderNumber() {
      if (this.orderNumber.trim() !== "") {
        this.orderNumbers.push(this.orderNumber);
        this.orderNumber = "";
      }
    },
    removeOrderNumber(index) {
      this.orderNumbers.splice(index, 1);
    },
  },
};
</script>





